.form-toggle.is-compact {
	+ .form-toggle__label .form-toggle__switch {
		border-radius: 8px;
		width: 24px;
		height: 16px;

		&::before,
		&::after {
			width: 12px;
			height: 12px;
		}
	}
	&:checked {
		+ .form-toggle__label .form-toggle__switch {
			&::after {
				left: 8px;
			}
		}
	}
	&.is-toggling {
		+ .form-toggle__label .form-toggle__switch {
			&::after {
				left: 8px;
			}
		}
		&:checked {
			+ .form-toggle__label .form-toggle__switch {
				&::after {
					left: 0;
				}
			}
		}
	}
}
